<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>123</div>
</body>
<script src="./jquery.js"></script>
<script src="./aa.js"></script>
<script>

//   回调地狱  就是回调函数套回调函数
//  比如  一个需求 必须是你拿到a接口的数据才能去请求b接口 你拿到b接口的数据才可以请求c接口
//   用jq的形式去解决这个需求

//  $.ajax({
//     url:'./a.json',
//     success:function(res){
//       console.log(res);
//       $.ajax({
//         url:'./b.json',
//         success:function(res){
//             console.log(res);
//             $.ajax({
//                 url:'./c.json',
//                 success:function(res){
//                     console.log(res);
//                 }
//             })

//         }
//       })

//     }
//  })


// 用promise解决回调地狱
// ajax()  是我们自己封装的
// ajax('get','./a.json').then(res=>{
//     console.log(res);
//     return ajax('get','./b.json')
// }).then(res=>{
//     console.log(res);
//     return ajax('get','./c.json')
// }).then(res=>{
//     console.log(res);
// })

// async  await   是解决回调地狱的终极解决方案
// async await 的返回值也是一个promise


async function getData(){
   let res1 =  await ajax('get','./a.json')
   let res2 = await ajax('get','./b.json')
   let res3= await ajax('get','./c.json')
   return res3
}
getData().then(res=>{
    console.log(res);
})


</script>
</html>